.course-body {
}

.courseContainer {
  margin: 0 auto;
  width: 14rem;
}

@media screen and (min-width: 0px) and (max-width: 1440px) {
  .courseContainer {
    width: 14rem;
  }
}

@media screen and (min-width: 1920px) {
  .courseContainer {
    width: 14rem;
  }
}

/*
@media screen and (min-width: 0px) and (max-width: 1300px) {
  .course-body {
    width: 880px;
    height: 450px;
    background-color: chocolate;
  }
}


@media screen and (min-width: 0px) and (max-width: 1200px) {
  .course-body {
    width: 840px;
    height: 380px;
    background-color: chocolate;
  }
}

@media screen and (min-width: 1920px) {
  .course-body {
    background-color: coral;
  }
}*/
